import { defineComponent as s, resolveComponent as n, openBlock as l, createBlock as a, withCtx as t, renderSlot as c, createVNode as p, resolveDynamicComponent as m, unref as d } from "vue";
const u = (o) => o.replace(/([A-Z])/g, "-$1").toLowerCase(), f = /* @__PURE__ */ s({
  __name: "index",
  props: {
    icon: { default: "Bell" },
    value: { default: "" },
    max: {},
    isDot: { type: Boolean, default: !1 }
  },
  setup(o) {
    return (e, _) => {
      const r = n("el-badge"), i = n("el-popover");
      return l(), a(i, {
        placement: "bottom",
        width: 400,
        trigger: "click"
      }, {
        default: t(() => [
          c(e.$slots, "default")
        ]),
        reference: t(() => [
          p(r, {
            style: { cursor: "pointer" },
            value: e.value,
            max: e.max,
            "is-dot": e.isDot
          }, {
            default: t(() => [
              (l(), a(m(`el-icon${d(u)(e.icon)}`)))
            ]),
            _: 1
            /* STABLE */
          }, 8, ["value", "max", "is-dot"])
        ]),
        _: 3
        /* FORWARDED */
      });
    };
  }
}), g = {
  install(o) {
    o.component("m-notification", f);
  }
};
export {
  g as default
};
